<template>
    <div class="help-center">
        <span class="title">帮助中心</span>
        <div class="container">
             <span @click="newPage" style="padding-top: 20px; padding-left: 20px; display: inline-block; color: #409EFF; cursor: pointer;">+ 新增问题</span>
             <el-table
            :data="tableData"
            border
            style="width: 100%">
                <el-table-column
                fixed
                prop="name"
                label="标题"
                width="150">
                </el-table-column>
                <el-table-column
                prop="content"
                label="内容">
                </el-table-column>
                <el-table-column
                fixed="right"
                label="操作">
                <template slot-scope="scope">
                    <el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
                    <el-button type="text" size="small" @click="modify">修改</el-button>
                </template>
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            activeNames: '',
            tableData: [
                {
                    name: '这是个问题',
                    content: '这是问题的内容'
                }
            ]
        }
    },
    methods: {
        handleChange () {

        },
        newPage () {
            this.$router.push({
                path: '/helpList',
                query: {
                    type: 0
                }
            })
        },
        modify () {
            this.$router.push({
                path: '/helpList',
                query: {
                    type: 1
                }
            })
        }
    }
}
</script>

<style lang="scss" scoped>
</style>
